<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏列表</title>
    <link rel="stylesheet" href="css/head.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/list.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <div class="head clear">
            <div class="head_left fl">
                <img src="img/logo1.jpg" alt=""></div>
            <div class="head_right fr">
                <ul>
                    <li><a href="index.html">首页<p>home</p></a></li>
                    <li><a href="list.html">游戏<p>game</p></a></li>
                    <li><a href="count.html">案例<p>cass</p></a></li>
                    <li>关于我们<p>about us</p></li>
                </ul>
            </div>
            <div class="icon_box">
                <i class="iconfont icon-weibo"></i>
            </div>
        </div>
    </header>

    <div class="content">
        <div class="banner">
            <img src="img/banner.jpg" alt="">
        </div>
        <div class="ban_item clear">
            <div class="game_k fl">狂转游戏<P>Turn mad game</P></div>
            <div class="game_w fl">抽奖游戏<p>Lottery game</p></div>
        </div>
        <div class="item_box">
            <div class="cl_box">
                <div class="game_b">all</div>
                <div class="game_b">最新游戏</div>
                <div class="game_b">最热游戏</div>
                <div class="game_b">购买更多</div>
            </div>
            <div class="mogu">
                <img src="img/mogu.png" alt="">
            </div>
        </div>
        <div class="cont_img clear">
            <div class="sxi fl">
                <div class="sxi_top clear">
                    <div class="sxi_l fl">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                    </div>
                    <div class="sxi_r fr">
                        <div class="buy">购买</div>
                        <i class="iconfont icon-xing"></i>
                    </div>
                </div>
                <div class="sxi_bottom">
                    <img src="img/list01.jpg" alt="">
                </div>
            </div>
            <div class="sxi fl">
                <div class="sxi_top clear">
                    <div class="sxi_l fl">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                    </div>
                    <div class="sxi_r fr">
                        <div class="buy">购买</div>
                        <i class="iconfont icon-xing"></i>
                    </div>
                </div>
                <div class="sxi_bottom">
                    <img src="img/list01.jpg" alt="">
                </div>
            </div>
            <div class="sxi fl">
                <div class="sxi_top clear">
                    <div class="sxi_l fl">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                    </div>
                    <div class="sxi_r fr">
                        <div class="buy">购买</div>
                        <i class="iconfont icon-xing"></i>
                    </div>
                </div>
                <div class="sxi_bottom">
                    <img src="img/list01.jpg" alt="">
                </div>
            </div>
            <div class="sxi fl">
                <div class="sxi_top clear">
                    <div class="sxi_l fl">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                    </div>
                    <div class="sxi_r fr">
                        <div class="buy">购买</div>
                        <i class="iconfont icon-xing"></i>
                    </div>
                </div>
                <div class="sxi_bottom">
                    <img src="img/list01.jpg" alt="">
                </div>
            </div>
            <div class="sxi fl">
                <div class="sxi_top clear">
                    <div class="sxi_l fl">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                    </div>
                    <div class="sxi_r fr">
                        <div class="buy">购买</div>
                        <i class="iconfont icon-xing"></i>
                    </div>
                </div>
                <div class="sxi_bottom">
                    <img src="img/list01.jpg" alt="">
                </div>
            </div>
            <div class="sxi fl">
                <div class="sxi_top clear">
                    <div class="sxi_l fl">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                    </div>
                    <div class="sxi_r fr">
                        <div class="buy">购买</div>
                        <i class="iconfont icon-xing"></i>
                    </div>
                </div>
                <div class="sxi_bottom">
                    <img src="img/list01.jpg" alt="">
                </div>
            </div>
            <div class="sxi fl">
                <div class="sxi_top clear">
                    <div class="sxi_l fl">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                    </div>
                    <div class="sxi_r fr">
                        <div class="buy">购买</div>
                        <i class="iconfont icon-xing"></i>
                    </div>
                </div>
                <div class="sxi_bottom">
                    <img src="img/list01.jpg" alt="">
                </div>
            </div>
            <div class="sxi fl">
                <div class="sxi_top clear">
                    <div class="sxi_l fl">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                    </div>
                    <div class="sxi_r fr">
                        <div class="buy">购买</div>
                        <i class="iconfont icon-xing"></i>
                    </div>
                </div>
                <div class="sxi_bottom">
                    <img src="img/list01.jpg" alt="">
                </div>
            </div>
            <div class="sxi fl">
                <div class="sxi_top clear">
                    <div class="sxi_l fl">
                        <p>剑圣传奇</p>
                        <p>2014-07-09</p>
                        <p>使用次数：20</p>
                    </div>
                    <div class="sxi_r fr">
                        <div class="buy">购买</div>
                        <i class="iconfont icon-xing"></i>
                    </div>
                </div>
                <div class="sxi_bottom">
                    <img src="img/list01.jpg" alt="">
                </div>
            </div>
            
        </div>
        <div class="list_lg">
            <img src="img/line.png" alt="">
        </div>
        <div class="list_rg">
            <img src="img/line02.png" alt="">
        </div>
        <div class="menu">
            <i class="iconfont icon-leftarrow"></i>
            <i class="iconfont icon-rightarrow"></i>
            <div class="menu_li">
                <ul>
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                    <li>6</li>
                    <li>···</li>
                    <li>12</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="footer clear">
            <p class="foot_text">Copyright © 2014 Pangtang. All Rights Reserved. 版权所有</p>
            <img src="img/foot01.png" alt="" class="img_lt fl">
            <img src="img/foot02.png" alt="" class="img_rt fr">
        </div>
    </footer>
</body>
</html>